<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>myapp</title>
</head>
<body>
    
	<div id="msg">
	  	<p> {{ message }} </p>
		<hello></hello>
	</div>  	

	<div id="app">
		<p> {{ count }} </p>
		<p> {{ localcount }} </p>
		<p> done todos count: {{ doneTodosCount }} </p>
		<p>
			<ol>
				<li v-for="todo in doneTodos">
					{{ todo.text }}
				</li>
			</ol>
		</p>
		<p>
			<button @click="increment">+</button>
			<button @click="decrement">-</button>
			<button @click="finished">已完成</button>
			<button @click="unfinished">未完成</button>
		</p>
	</div>

	<script src="dist/build.js"></script>
</body>
</html>